$(function () {
  getUserInfo()

  $('#btnLogout').on('click', function () {
    layui.layer.confirm('确定退出登录?', { icon: 3, title: '提示' }, function (index) {
      //do something
      localStorage.removeItem('token')
      location.href = 'login.html'
      layui.layer.close(index);
    });
  })
})

function getUserInfo () {
  $.ajax({
    method: 'GET',
    url: '/my/userinfo',
    // headers: {
    //   Authorization: localStorage.getItem('token') || ''
    // },
    success: function (res) {
      if (res.status !== 0) {
        return layui.layer.msg('获取用户信息失败!')
      }
      renderAvatar(res.data)
    },
    // 不论成功还是失败,都会调用complete回调函数
    // complete: function (res) {
    //   // 在 complete 回调函数中,可以使用 res.responseJSON 拿到服务器响应回来的数据
    //   if (res.responseJSON.status === 1 && res.responseJSON.message === '身份认证失败!') {
    //     // 清空token
    //     localStorage.removeItem('token')
    //     // 跳转到登录页面
    //     location.href = 'login.html'
    //   }
    // }
  })
}

function renderAvatar (user) {
  // 获取用户的名称 
  var name = user.nickname || user.username
  $('#welcome').html('欢迎&nbsp;&nbsp;' + name)
  // 按需渲染用户的头像
  if (user.user_pic !== null) {
    // 渲染图片头像
    $('.layui-nav-img').attr('src', user.user_pic).show()
    $('.text-avatar').hide()
  } else {
    // 渲染文本头像
    $('.layui-nav-img').hide()
    var first = name[0].toUpperCase()
    $('.text-avatar').html(first).show()
  }
}
